<script setup lang="ts">
import CdlTable from "@/components/table";
import {TableTree} from "@/interfaces/components/Table";
import {Vehicle, WayBill} from "@/interfaces/views/task/task";
const wayBillTabTree: TableTree<WayBill> = {
  colRule: [
    {ti: "运单编号", prop: "id", minWidth: 180},
    {ti: "运单类型", prop: ""},
    {ti: "运单状态", prop: ""},
    {ti: "关联车辆", prop: "car", minWidth: 180, format: (scope: Vehicle)=>{
        return scope.car
      }},
    {ti: "关联司机", prop: "car", format: (scope: Vehicle)=>{
        return scope.chauffeur
      }},
    {ti: "创建人", prop: ""},
    {ti: "接单时间", prop: "startTime", minWidth: 160},
    {ti: "完成时间", prop: "endTime", minWidth: 160},
    {ti: "时间告警", prop: ""},
    {ti: "是否结算", prop: ""},
    {ti: "备注", prop: "remark"},
  ],
  control: [
    {name: "详情", type: "info", method: ()=>{}, auth: "project:task:info"},
    {name: "轨迹分析", type: "info", method: ()=>{}, auth: "project:task:analyse"},
  ]
}
</script>

<template>
<el-card style="position: relative">
  <button class="back_btn"></button>
  <h1 class="top_line">运单结算</h1>
  <CdlTable :data="[]" :template-tree="wayBillTabTree"></CdlTable>
</el-card>
</template>

<style scoped lang="scss">

</style>
